<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="/static/css/css.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <script src="/static/js/jquery.min.1.8.2.js" type="text/javascript"></script>
    <script src="/static/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/slider.js"></script>
    <script src="/static/js/common_js.js" type="text/javascript"></script>
    <script src="/static/js/jquery.foucs.js" type="text/javascript"></script>
    <script src="/static/js/collect.js" type="text/javascript"></script>
    <title>我的收藏</title>
</head>
{% extends 'index.html' %}
<body>
{% block content %}
    <!--顶部样式-->

    <!---->

    <!--位置-->
    <div class="Bread_crumbs">
        <div class="Inside_pages clearfix">
            <div class="right Search">
                <form>
                    <input name="" type="text" class="Search_Box"/>
                    <input name="" type="button" name="" class="Search_btn"/>
                </form>
            </div>
        </div>
    </div>
    <!--用户中心(收藏)-->
    <div class="Inside_pages clearfix">
        <div class="clearfix user">
            <!--左侧菜单栏样式-->
            <div class="user_left">
                <div class="user_info">
                    <div class="Head_portrait"><img src="{{ user.avatar_url }}" width="80px" height="80px"/>
                        <!--头像区域-->
                    </div>
                    <div class="user_name">{{ user.nick_name }}<a href="{{ url_for('user.user_info') }}">[个人资料]</a>
                        <a href="/user/user_head">[修改头像]</a>
                    </div>
                </div>
                <ul class="Section">
                    <li><a href="/user/user_center"><em></em><span>我的订单</span></a></li>
                    <li><a href="/user/user_info"><em></em><span>个人信息</span></a></li>
                    <li><a href="/user/update_psw"><em></em><span>修改密码</span></a></li>
                    <li><a href="#"><em></em><span>我的评论</span></a></li>
                    <li><a href="#"><em></em><span>我的积分</span></a></li>
                    <li><a href="/user/collect_tmp"><em></em><span>我的收藏</span></a></li>
                    <li><a href="/user/address"><em></em><span>收货地址管理</span></a></li>
                </ul>
            </div>
            <!--右侧内容样式-->
            <div class="user_right">
                <div class="user_Borders clearfix">
                    <div class="title_name">
                        <span class="name">用户收藏</span>
                    </div>
                    <!--收藏样式-->
                    <div class="Collect">
                        <ul class="Collect_list">
                            {% for product_info in collect_product_info_list %}
                                <li>
                                    <div class="Collect_pro_name">
                                        <a href="javascript:;" class="delete_Collect"
                                           onclick="remove_collect(this);" product-id="{{ product_info.id }}"></a>
                                        <p class="img center">
                                            <a href="/product_detail/{{ product_info.id }}">
                                                <img src="/static/product_img/{{ product_info.product_avatar }}"/>
                                            </a>
                                        </p>
                                        <p>
                                            <a href="/product_detail/{{ product_info.id }}">{{ product_info.product_name }}</a>
                                        </p>
                                        <p class="Collect_price">￥{{ product_info.price }}</p>
                                    </div>
                                </li>
                            {% endfor %}
                        </ul>
                        <!--分页-->
{#                        <div class="pages_Collect clearfix">#}
{#                            <a href="#" class="on"><</a>#}
{#                            <a href="#">1</a>#}
{#                            <a href="#">2</a>#}
{#                            <a href="#">3</a>#}
{#                            <a href="#">4</a>#}
{#                            <a href="#">></a>#}
{#                        </div>#}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部样式-->
{% endblock content %}
</body>
</html>
